<template>
  <div class="yongjinzhichu">
    <top2></top2>
    <div class="kflexbc" style="padding:10px 20px;">
      <div class="kflexc" style="margin-bottom: 20px;">
        <div class="lia" @click="all = 'fapiao'" :class="all == 'fapiao'?'acts':''" >发票信息配置</div>
        <div class="lia" @click="all = 'yongjindakuan'" :class="all == 'yongjindakuan'?'acts':''" >支付账户配置</div>
        <div class="lia" @click="all = 'kaipiaohutou'" :class="all == 'kaipiaohutou'?'acts':''" >提现开票户头配置</div>
      </div>
    </div>
    <div style="padding-bottom: 50px;">
      <fapiao v-if="all == 'fapiao'"></fapiao>
      <yongjindakuan v-if="all == 'yongjindakuan'"></yongjindakuan>
      <kaipiaohutou v-if="all == 'kaipiaohutou'"></kaipiaohutou>
    </div>


  </div>
</template>

<script>
  import axios from 'axios'
  import top2 from './top.vue'
  import yongjindakuan from '../yongjindakuan/yongjindakuan.vue'
  import left from '@/components/left.vue'
  import foot from '@/components/foot.vue'
  import moment from "moment";
  import XLSX from 'xlsx';
  import fapiao from './fapiao.vue'
  import kaipiaohutou from './kaipiaohutou.vue'
  import {
      read,utils
    } from 'xlsx'

  export default {
    components: {
      "left": left,
      "top2": top2,
      "foot": foot,
      fapiao,yongjindakuan,kaipiaohutou
    },
    name: "yongjinzhichu",
    data() {
      return {
        all:'fapiao'
      }
    },
    created() {

    },
    mounted() {

    },
    methods: {


    }
  }
</script>

<style lang="scss" scoped>
  .yongjinzhichu {

    .dkfs{border-radius: 3px; background: rgb(239, 239, 239); font-size: 14px; color: rgb(73, 73, 73); width: 127px; text-align: center; line-height: 33px; margin-right: 20px; cursor: pointer;}
    .dkfsact{ background: rgb(21, 77, 255) !important; color: rgb(255, 255, 255) !important;}
    .lia{ padding: 10px 0; margin: 0 30px; border-bottom: 3px rgb(255, 255, 255) solid; cursor: pointer; color: rgb(51, 51, 51); font-size: 24px;}
    .acts{ position: relative;
          &::after{
    	        content: '';
    	        position: absolute;
    	        left: 50%;
    	        bottom: 0;
    	        margin-left: -10px;
    	        height: 3px;
    	        width: 30px; border-radius: 5px;
    	        background: #2974FF;

    	      }
    }
    .powertop {
    	display: flex;
    	background:#f9f9f9;
    }
    .powertopli {
    	flex-basis: 180px;
    	line-height: 50px;
    	border-bottom: 3px #F9F9F9 solid;
    	color: #727272;
    	border-right: 1px #F9F9F9 solid;
    	font-size: 16px;
    	text-align: center;
    }
    .router-link-active {
    	background: #FFFFFF;
    	border-bottom: 3px #2974FF solid;
    }
    /deep/ .el-pagination.is-background .btn-prev:disabled{ background: rgba(246, 246, 246, 0.3); border: 1px rgba(167, 167, 167, 0.3) solid;}
    /deep/ .el-pagination.is-background .btn-next:disabled{ background: rgba(246, 246, 246, 0.3); border: 1px rgba(167, 167, 167, 0.3) solid;}
    /deep/ .el-pagination.is-background .btn-next{ background: rgba(246, 246, 246,1); border: 1px rgba(167, 167, 167,1) solid;}
    /deep/ .el-pagination.is-background .btn-prev{ background: rgba(246, 246, 246,1); border: 1px rgba(167, 167, 167,1) solid;}
    /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ background-color: #2974FF;}
    /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
        color: #fff;
    }
    /deep/ .el-pagination.is-background .el-pager li:not(.disabled):hover {
        color: #2974FF;
    }
    /deep/ .el-pager li{ border-radius: 14px; background: rgba(255, 255, 255, 1); border: 1px rgba(167, 167, 167, 0.3) solid;}
    /deep/ .btn-prev{ border-radius: 14px; padding: 0 10px;}
    /deep/ .btn-next{ border-radius: 14px; padding: 0 10px;}

    /deep/ .el-table th{ background: rgb(246, 246, 246);}
    /deep/ .el-input__inner{ line-height: 36px; height: 36px; font-size: 12px; background: rgb(247, 248, 250);  border: 0;}
    /deep/ .el-date-editor .el-range-input{ background: rgb(247, 248, 250); }
    /deep/ .el-button{ padding: 11px 23px !important;}
    /deep/ .el-button--mini{ padding: 6px 15px !important;}
    /deep/ .el-button--danger {
        color: #FFF;
        background-color: #2974FF;
        border-color: #2974FF;
    }
    .team {
    	background: #F9F9F9;
    }
  }
</style>
